<template>
	<view class="uni-padding-wrap">
		<view class="page-section swiper">
			<swiper class="swiper" :indicator-dots="true" :autoplay="true" :interval="2000" :duration="500" indicator-active-color="#ffffff" indicator-color="#9d9d9d">
					<swiper-item v-for="(item, index) in list_" :key="index">
							<view class="swiper-item" @click="onClick"><image mode="widthFix" :src="item.value"></image></view>
					</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>

	export default {
		props: {
			list: {
				type: Array,
				default: () => {
					return []
				}
			}
		},
		data() {
			return {
			}
		},
		computed: {
			list_(){
				return this.list;
			}
		},
		methods: {
			onClick(e) {
				console.log("=====================================")
			}
		}
	}
</script>

<style>
	.swiper {
		height: 400upx;
		width: 100%;
	}
	.swiper-item {
		display: block;
		height: 400upx;
		line-height: 400upx;
		text-align: center;
	}
	.swiper-item image{
	    min-height: 100%;
	    min-width: 100%;
	}
</style>
